<!doctype html itemscope itemtype="http://schema.org/game">
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
	<script type="text/javascript">var _sf_startpt=(new Date()).getTime()</script>
	<link rel="icon" type="image/png" href="img/player.png">
	<meta charset="utf-8">

  <!-- Use the .htaccess and remove these lines to avoid edge case issues.
       More info: h5bp.com/b/378 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>the universe within ... a game about our recursive universes.</title>
  <meta name="description" content="the universe within ... a game about our recursive universes. originally created in under 48 hours for global gam jam 2012. made by (in alphabetical order): Shawn A. Allen, Brian S. Chung, Jordan Joyner, gj lee, Vikram Subramanian." />
  <meta name="author" content="made by (in alphabetical order): Shawn A. Allen, Brian S. Chung, Jordan Joyner, gj lee, Vikram Subramanian." />
  <meta name="keywords" content="the universe within ..., global game jam 2012, html5 game, hand-drawn, on-site audio, under 48 hours" />

  <!-- Mobile viewport optimized: j.mp/bplateviewport -->
  <meta name="viewport" content="width=device-width,initial-scale=1">

  <!-- CSS: implied media=all -->
  <!-- CSS concatenated and minified via ant build script-->
  <link rel="stylesheet" type="text/css" href="universe-style.css" />
  <!-- end CSS-->

  <!-- All JavaScript at the bottom, except for Modernizr / Respond.
       Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
       For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
  <script src="js/libs/modernizr-2.0.6.min.js"></script>

  <!-- scripts concatenated and minified via ant build script-->
  <script src="js/libs/prototype.js"></script>
  <script src="js/libs/html5Preloader.js"></script>
  <script src="js/libs/soundmanager2.js"></script>
  <script src="js/plugins.js"></script>
  <script src="js/script.js"></script>
  <script src="js/player.js"></script>
  <script src="js/block.js"></script>
  <script src="js/level.js"></script>
  <script src="leveldata/patterns.js"></script>
  <script src="js/backup.js"></script>  
  <script src="js/background.js"></script>
  <script>
    function showMute() {
      var img = document.getElementById("pause_mute");
      img.src = "img/pausemute-press.png";
    }

    function showUnmute() {
      var img = document.getElementById("pause_mute");
      img.src = "img/pausemute.png";
    }
  </script>
  <script>
    soundManager.url = "swf/soundmanager2.swf";
    soundManager.flashVersion = 9;
    soundManager.useFlashBlock = false;
    soundManager.useHTML5Audio = true;
    soundManager.preferFlash = false;
    soundManager.onready(function() {
      if (navigator.userAgent.indexOf('Android') != -1) {
        main(false); // Load without sound on android for now...
      } else {
        main(true); // Load with sound.
      }
    });
    soundManager.ontimeout(function() {
      log("SoundManager2 init failed!");
      main(false); // No sound.
    });
  </script>
  
  <script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-29070178-1']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>

  <script>
    // Google Analytics related functions.
    function trackLevelDied() {
        _gaq.push(['_trackEvent',
          'Player',
          'Died',
          'Level' + (BgIters * BgList.length + BgIndex)
        ]);
    }
  </script>

  <!-- end scripts-->
</head>

<body bgcolor="#fff" onLoad="window.scrollTo(0, 1)"; style="margin:0;" >

  <div id="container">
    <header>
    </header>
    <div id="main" role="main"
         style="width:800px; height:760px; position:absolute; left:50%; top:0px; margin:0px 0 0 -400px;" >
      
	  <div onMouseover="document.getElementById('instructions').style.opacity=0.5;document.getElementById('pause_mute').style.opacity=0.5;" 
	  onMouseout="document.getElementById('instructions').style.opacity=0.125;document.getElementById('pause_mute').style.opacity=0.125;">
	  
      <img id="instructions" src="img/instructions.png" style="opacity:.125" 
		alt="use left/right arrow keys, or tilt your device ..."
		title="use left/right arrow keys, or tilt your device ..." />
      <img id="pause_mute" src="img/pausemute.png" style="opacity:.125"
		alt="use 'p' key to pause or pick a universe ... use 'm' key to mute ..." 
		title="use 'p' key to pause or pick a universe ... use 'm' key to mute ..."/>
		
	  </div>
	  <canvas width="800px" height="600px" id="canvas">
      </canvas>

	<a style="opacity:.25"  
		onMouseover="this.style.opacity=0.75; document.getElementById('about').style.backgroundColor='#ccf'" 
		onMouseout="this.style.opacity=0.25; document.getElementById('about').style.backgroundColor='#fff'"
		onMousedown="this.style.opacity=1.0; document.getElementById('about').style.backgroundColor='#fee'"
		onClick="pause();
			 document.getElementById('aboutcontainer').setAttribute('class','showabout');
			document.getElementById('aboutcontainer').style.visibility='visible';
			document.getElementById('aboutbackdrop').style.visibility='visible';
			document.getElementById('aboutframe').src='about.html';">
		<img id="about" border=0 src="img/about.png" 
			style="position:relative; left:92.5%; margin:0px 0 0 -60px;" 
			alt="about this game ..." 
			title="about this game ..." />
	</a>


	  
    </div>
    <footer>
    </footer>
  </div> <!--! end of #container -->

  <div id="aboutbackdrop" style="visibility:hidden;height:100%;width:100%;position:fixed;background-color:#000;opacity:.2;cursor:pointer;"
	onClick="document.getElementById('aboutcontainer').setAttribute('class','hideabout');
		document.getElementById('aboutbackdrop').style.visibility='hidden';">
	</div>
  <div id="aboutcontainer" class="hideabout" style="visibility:hidden;border:10px solid #fff;border-radius:10px;
  position:absolute;left:50%;margin-left:-410px;">
	<iframe id="aboutframe" src="" width="800" height="1150" scrolling="no" 
	style="border:0px;overflow:hidden"/>
  </div>
  
  <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 7 ]>
      <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
      <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
      <![endif]-->  

<span itemprop="name">the universe within ...</span>
<span itemprop="description">a game about our recursive universes ...</span>
<img itemprop="image" src="http://www.universewithin.net" />

		<div id="preload" style="display:none;">
			<img src="about/about_allen.png" width="1" height="1" />
			<img src="about/about_chung.png" width="1" height="1" />
			<img src="about/about_header.png" width="1" height="1" />
			<img src="about/about_joyner.png" width="1" height="1" />
			<img src="about/about_lee.png" width="1" height="1" />
			<img src="about/about_subramanian.png" width="1" height="1" />
			<img src="about/app-store-ipad.png" width="1" height="1" />
			<img src="about/chrome.png" width="1" height="1" />
			<img src="about/icon_linkedin.png" width="1" height="1" />
			<img src="about/icon_linkedinhover.png" width="1" height="1" />
			<img src="about/icon_twitter.png" width="1" height="1" />
			<img src="about/icon_twitterhover.png" width="1" height="1" />
			<img src="about/icon_webpage.png" width="1" height="1" />
			<img src="about/icon_webpagehover.png" width="1" height="1" />
		</div>

<script type="text/javascript">
  var _sf_async_config = { uid: 33026, domain: 'universewithin.net' };
  (function() {
    function loadChartbeat() {
      window._sf_endpt = (new Date()).getTime();
      var e = document.createElement('script');
      e.setAttribute('language', 'javascript');
      e.setAttribute('type', 'text/javascript');
      e.setAttribute('src',
        (("https:" == document.location.protocol) ? "https://a248.e.akamai.net/chartbeat.download.akamai.com/102508/" : "http://static.chartbeat.com/") +
        "js/chartbeat.js");
      document.body.appendChild(e);
    };
    var oldonload = window.onload;
    window.onload = (typeof window.onload != 'function') ?
      loadChartbeat : function() { oldonload(); loadChartbeat(); };
  })();
</script>
		</body>
</html>
